@import './element';
@import './reset';
@import './border';

* {
  box-sizing: border-box;
}

@keyframes loadingbar {
  0% {
    left: -100%;
  }
  100% {
    // background-image: linear-gradient(30deg, rgb(0, 0, 255), rgb(255, 0, 0));
    left: 0;
  }
}

.loading-bar {
  position: fixed;
  width: 100%;
  height: 4px;
  top: 0; left: 0;
  z-index: 99999;
  // transition: all 2s;
  // background-image: linear-gradient(30deg, red, blue);
  // animation: loadingbar 5s linear infinite;
  &:before {
    content: '';
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    background-image: linear-gradient(30deg, red, blue, red, blue, red);
    animation: loadingbar 2s linear infinite;
  }
}



